<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>选择俱乐部</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <seed-infinite-scroll (infiniteScroll)="getData()">
    <div class="title">
      我创建的俱乐部
    </div>
    <div class="club-item seed-underline seed-flexbox seed-flexbox-content-between seed-flexbox-align-center" *ngFor="let item of selectArr;let i = index">
      <div class="info seed-flexbox seed-flexbox-align-center">
        <img [src]="item.iconUrl" alt="">
        <span class="name">{{item.groupName}}</span>
      </div>
      <span class="choose-icon"
            [style.background-image]="hasChoose.indexOf(i) >= 0 ? 'url('+ chosed + ')' : 'url('+ unchose + ')'"
            (click)="choose(i)"
      ></span>
    </div>
    <div class="btn-wrap seed-scroll-outside">
      <button (click)="save()" class="btn" [disabled]="hasChoose.length !== 1">下一步</button>
    </div>
    <seed-infinite-scroll-content *ngIf="selectArr.length > 9"></seed-infinite-scroll-content>
  </seed-infinite-scroll>

</seed-content>
